import MyUseContext from './components/UseContext'
import MyUseReducer from './components/UseReducer'
import MyUseState from './components/UseState'
import MyUseEffect from './components/UseEffect'
import MyUseCallback from './components/UseCallback'
import MyUseMemo from './components/UseMemo'
import MyUseRef from './components/UseRef'


export default ()=>{
    return(
        <div style={{display:"flex",flexDirection:"column",gap:20}}>
            <MyUseState/>
            <MyUseEffect/>
            <MyUseContext/>
            <MyUseReducer/>
            <MyUseCallback/>
            <MyUseMemo/>
            <MyUseRef/>
        </div>
    )
}